@charset "UTF-8";
/*=====

页面中有大写J开头的class或者id，表示此dom被绑定了javascript事件

命名字典

pt = product
btn = button
ib = inline-block
active = act
select = sel
delete = del
gb = gray-block
ob = orange-block
pre = preferential
mem = member
fav = favorites

=====*/
html { font-family: sans-serif; }

* { margin: 0; padding: 0; border: 0; }

ul, ol, menu { list-style: none; }

body { font-size: 1em; line-height: 1.5; word-wrap: break-word; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-touch-callout: none; }

table { border-collapse: collapse; border-spacing: 0; }

address, em, i { font-style: normal; }

input, select, button { vertical-align: middle; }

input, select, button, textarea { font-size: 100%; font-family: inherit; }

a { -webkit-tap-highlight-color: transparent; }

body { color: #333333; font-size: 13px; font-family: arial; }

a { color: #333333; text-decoration: none; }

.page { width: 300px; margin: 0 auto; padding: 0 10px; overflow: hidden; }

.full-screen { margin: 0 auto; }

.full-padding { padding: 0 10px; }

.box, .col2 { display: box; display: -webkit-box; display: -moz-box; width: 100%; }
.box .col, .col2 .col { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }

.f-l { float: left; }

.f-r { float: right; }

.t-r { text-align: right; }

.t-l { text-align: left; }

.t-c { text-align: center; }

.ib { display: inline-block; }
.ib.gray { background-color: #666666; color: #FFFFFF; }

.gb { display: block; border: 1px solid #DDDDDD; background-color: #EAEAEA; padding: 10px; }

.ob { display: block; border: 1px solid #FCE8BE; background-color: #FEF7E9; padding: 10px; }

.c-fix:after { content: "\0020"; display: block; visibility: hidden; clear: both; }

.fix-f { float: left; width: 100%; }

.hide { display: none !important; }

.price { color: #FF0000; }

.f-red { color: #C60808; }

.lnk { color: #2970A6; }

select, input { padding: 0; margin: 0; outline: none; }

.star { display: inline-block; width: 66px; height: 11px; background: url(../images/star.png) no-repeat 0 -80px; }
.star b { display: inline-block; height: 100%; background: url(../images/star.png) no-repeat; }
.star.big { line-height: 20px; vertical-align: -4px; width: 125px; height: 20px; background: url(../images/star_b.png) no-repeat 0 -100px; }
.star.big b { background: url(../images/star_b.png) no-repeat; }
.star.s_1 { background-position: 0px -80px; }
.star.s_2 { background-position: 0px -60px; }
.star.s_3 { background-position: 0px -40px; }
.star.s_4 { background-position: 0px -20px; }
.star.s_5 { background-position: 0px 0px; }

.dialog { background-color: #FFFFFF; }
.dialog .dialog-head { position: relative; text-align: center; border-bottom: 1px solid #BFBFBF; }
.dialog .close { position: absolute; top: -14px; right: -14px; background-color: #FFFFFF; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 2px solid #000000; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }

.confirm { padding: 10px 20px; }
.confirm .btn-bar { margin-bottom: 20px; }
.confirm .true { margin-right: 10px; }
.confirm .false { margin-left: 10px; }

.msg { font-weight: bold; font-size: 14px; line-height: 40px; padding: 10px; }
.msg .success, .msg .checkout-success { background: url(../images/checkmark.png) no-repeat left 50%; padding-left: 50px; }
.msg .error, .msg .checkout-error { background: url(../images/infoerror.gif) no-repeat left 50%; padding-left: 50px; }

.bold { font-weight: bold; }

.section { border-bottom: 1px solid #BFBFBF; padding: 13px; }

#J_mask { position: absolute; top: 0; left: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.7); }

#loading { margin: -50px 0 0 -50px; width: 100px; height: 100px; text-align: center; position: absolute; top: 50%; left: 50%; z-index: 20; }

.d-table .k { line-height: 26px; text-align: right; }
.d-table .v { line-height: 26px; }

.d-line { line-height: 20px; position: relative; }
.d-line .k, .d-line .v { display: inline-block; }
.d-line .l-k { float: left; text-align: right; width: 80px; line-height: 24px; }
.d-line .l-v { display: block; margin-left: 85px; padding-right: 10px; line-height: 24px; }
.d-line .down { position: absolute; top: 50%; right: 0; margin-top: -3px; }

.btn { display: block; text-align: center; height: 31px; line-height: 31px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b5b8bd), color-stop(100%, #a8acb3)); background-image: -webkit-linear-gradient(#b5b8bd, #a8acb3); background-image: -moz-linear-gradient(#b5b8bd, #a8acb3); background-image: linear-gradient(#b5b8bd, #a8acb3); border: 1px solid #9AA1A9; color: #FFFFFF; font-size: 18px; }
.btn:hover, .btn:active, .btn:visited { color: #FFFFFF; text-decoration: none; }
.btn.red { height: 33px; line-height: 33px; border: none; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c60808), color-stop(100%, #a00709)); background-image: -webkit-linear-gradient(#c60808, #a00709); background-image: -moz-linear-gradient(#c60808, #a00709); background-image: linear-gradient(#c60808, #a00709); color: #FFFFFF; }
.btn.red:visited { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c60808), color-stop(100%, #a00709)); background-image: -webkit-linear-gradient(#c60808, #a00709); background-image: -moz-linear-gradient(#c60808, #a00709); background-image: linear-gradient(#c60808, #a00709); color: #FFFFFF; }
.btn.red .arr { border-color: #FFFFFF; }
.btn.orange { height: 33px; line-height: 33px; border: none; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdb543), color-stop(100%, #f4a321)); background-image: -webkit-linear-gradient(#fdb543, #f4a321); background-image: -moz-linear-gradient(#fdb543, #f4a321); background-image: linear-gradient(#fdb543, #f4a321); color: #FFFFFF; }
.btn.orange:visited { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdb543), color-stop(100%, #f4a321)); background-image: -webkit-linear-gradient(#fdb543, #f4a321); background-image: -moz-linear-gradient(#fdb543, #f4a321); background-image: linear-gradient(#fdb543, #f4a321); color: #FFFFFF; }
.btn.gray, .btn.disabled { background: #EAEAEA; color: #333333; height: 31px; line-height: 31px; border: 1px solid #DDDDDD; }
.btn.gray:visited, .btn.disabled:visited { background: #EAEAEA; color: #333333; }
.btn.disabled { color: #888888; }
.btn.disabled:visited { color: #888888; }

button.btn { width: 100%; }

.tab .trigger-list { display: box; display: -webkit-box; display: -moz-box; width: 100%; }
.tab .trigger { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; border-top: 2px solid #FFFFFF; border-bottom: 1px solid #BFBFBF; text-align: center; height: 25px; line-height: 25px; }
.tab .trigger.act { border-top: 2px solid #FC6B00; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #FFFFFF; }
.tab .panel { display: none; }
.tab .panel.act { display: block; }

.icon { position: relative; display: inline-block; text-align: center; }
.icon.r-arr { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 16px; height: 16px; background-color: #333333; }
.icon.r-arr .arr { border-color: #FFFFFF; position: absolute; }
.icon.r-arr .arr.top { bottom: 4px; left: 5px; }
.icon.r-arr .arr.right { top: 5px; left: 4px; }
.icon.r-arr .arr.down { top: 4px; left: 5px; }
.icon.r-arr .arr.left { top: 5px; right: 4px; }
.icon.r-b { position: relative; display: inline-block; width: 22px; height: 22px; line-height: 22px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; }
.icon.red { background-color: #FC6B00; color: #FFFFFF; padding: 0 5px; height: 22px; line-height: 22px; }
.icon.orange { background-color: #FF5800; color: #FFFFFF; padding: 0 5px; height: 22px; line-height: 22px; }
.icon.gray { background-color: #CCCCCC; color: #FFFFFF; padding: 0 5px; height: 22px; line-height: 22px; }

.arr { display: inline-block; border: #666 solid; border-width: 2px 2px 0 0; width: 4px; height: 4px; }
.arr.top { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-transition-duration: 0; transition-duration: 0; }
.arr.right { position: relative; top: -2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-duration: 0; transition-duration: 0; }
.arr.down { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition-duration: 0; transition-duration: 0; }
.arr.left { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-duration: 0; transition-duration: 0; }

.form .c-g { height: 26px; line-height: 26px; border: 1px solid #BFBFBF; padding: 6px 0; margin: 16px 0; }
.form .c-l-g { line-height: 26px; border: 1px solid #BFBFBF; padding: 6px 0; margin: 16px 0; }
.form .c-l { float: left; width: 83px; padding-right: 5px; text-align: right; border-right: 1px solid #BFBFBF; }
.form .c { margin-left: 93px; padding-right: 10px; position: relative; }
.form .ib-btn { display: inline-block; padding: 0 10px; font-size: 12px; text-decoration: none; color: #FFFFFF; }
.form .btn-send { position: absolute; right: 10px; top: 0; height: 25px; line-height: 25px; width: auto; white-space: nowrap; }
.form .x-input, .form .text { border: none; width: 100%; height: 26px; }
.form .verify-input { width: 80px; }
.form .verify-code { vertical-align: middle; }
.form .select { border: none; background: none; width: 100%; height: 26px; }
.form .inputstyle { border: none; background: none; height: 26px; }
.form .s-arr { position: absolute; top: 10px; right: 10px; }
.form .c-g-c { height: 28px; line-height: 28px; padding: 6px 0; margin: 16px 0; }
.form .c-g-c label { text-decoration: underline; color: #000099; }
.form .notice { text-align: right; color: #999999; }
.form .acc-email, .form .get-email-vcode, .form .o-email, .form .acc-mobile, .form .get-mobile-vcode, .form .o-mobile, .form .a-s-verify { display: none; }

.o-f-mobile .acc-mobile, .o-f-mobile .get-mobile-vcode, .o-f-mobile .o-mobile { display: block; }
.o-f-mobile .acc-email, .o-f-mobile .get-email-vcode, .o-f-mobile .o-email { display: none; }

.o-f-allof .a-s-verify { display: block; }

.o-f-email .acc-email, .o-f-email .get-email-vcode, .o-f-email .o-email { display: block; }
.o-f-email .acc-mobile, .o-f-email .get-mobile-vcode, .o-f-email .o-mobile { display: none; }

.pageview { padding: 10px 0; text-align: center; }
.pageview .flip { display: inline-block; padding: 1px 5px 2px; margin: 0 2px; border: 1px solid #ddd; }
.pageview .active { color: #fff; background: #a50c17; }
.pageview .over { color: #ccc; }

/*===顶部header容器===*/
header { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ececec), color-stop(100%, #d4d4d4)); background-image: -webkit-linear-gradient(#ececec, #d4d4d4); background-image: -moz-linear-gradient(#ececec, #d4d4d4); background-image: linear-gradient(#ececec, #d4d4d4); height: 38px; position: relative; border-bottom: 1px solid #D6D6D6; }
.page header:before, .page header:after { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ececec), color-stop(100%, #d4d4d4)); background-image: -webkit-linear-gradient(#ececec, #d4d4d4); background-image: -moz-linear-gradient(#ececec, #d4d4d4); background-image: linear-gradient(#ececec, #d4d4d4); content: ""; position: absolute; top: 0; bottom: 0; width: 300px; }
.page header:before { right: 100%; }
.page header:after { left: 100%; }

/*===顶部header容器===*/
/*===footer===*/
.footer { padding: 10px; text-align: center; color: #999; background-color: #f5f5f5; }
.footer p { margin-top: 10px; }

/*======footer=====*/
/*======顶部操作条=====*/
.a-bar { display: box; display: -webkit-box; display: -moz-box; width: 100%; padding: 7px 0px 6px; height: 25px; }
.a-bar .arr { position: relative; top: -2px; }
.a-bar .a-name { text-align: center; font-size: 16px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; height: 25px; line-height: 25px; }
.a-bar .a-back { color: #333333; margin-left: 9px; text-decoration: none; text-align: center; height: 25px; line-height: 25px; }
.a-bar .a-right { margin-right: 9px; text-decoration: none; height: 25px; line-height: 25px; }
.a-bar .a-right .btn { font-size: 13px; height: 25px; line-height: 25px; padding: 0 10px; }
.a-bar .a-search { padding-left: 5px; }
.a-bar .a-search.active { border: 1px solid #999; background-color: #FFF; }
.a-bar .a-search.active .a-search-ipt { display: inline-block; }
.a-bar .a-search .a-search-ipt { display: none; border: none; }
.a-bar .a-search .a-search-btn { border: none; width: 49px; height: 25px; line-height: 25px; background: url() no-repeat 50%; }

/*======顶部操作条 end=====*/
.slider { position: relative; overflow: hidden; }
.slider .slider-list { position: absolute; border-collapse: separate; border-spacing: 8px 0; }
.slider .innershadow { width: 100%; height: 140%; position: absolute; top: -20%; z-index: 3; -webkit-box-shadow: inset 0 0 15px 20px rgba(255, 255, 255, 0.98); -moz-box-shadow: inset 0 0 15px 20px rgba(255, 255, 255, 0.98); box-shadow: inset 0 0 15px 20px rgba(255, 255, 255, 0.98); }

.slider-point { text-align: center; }
.slider-point span { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #E9E9E9; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); }
.slider-point span.act { background-color: #FC6B00; }

/*====商品主图====*/
.pt-pic { padding-bottom: 10px; }
.pt-pic .slider { height: 205px; padding-top: 6px; }
.pt-pic .slider-item { width: 198px; height: 198px; border: 1px solid #CCCCCC; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.pt-pic .slider-item img { max-width: 198px; max-height: 198px; vertical-align: middle; }

/*====商品主图 end====*/
/*===商品详情页===*/
.pt-name { font-size: 18px; padding: 0 5px; }

.pt-price { position: relative; border-bottom: 1px solid #BFBFBF; line-height: 40px; }
.pt-price .price { color: #FF0000; font-size: 18px; font-weight: bold; }
.pt-price .arr { position: absolute; top: 50%; right: 5px; margin-top: -3px; }

.pt-promotions { position: relative; border-bottom: 1px solid #BFBFBF; padding: 8px 21px 8px 5px; }
.pt-promotions .arr { position: absolute; top: 50%; right: 5px; margin-top: -3px; }
.pt-promotions .ib { padding: 0 5px; margin: 5px; }

.promotions-panel { padding: 10px; }
.promotions-panel .panel { padding: 10px 0; }
.promotions-panel .panel li { padding: 5px 0; border-top: 1px dashed #ddd; }
.promotions-panel .panel li.first { border: none; }
.promotions-panel .panel li.disable { color: #999; }
.promotions-panel .panel li.disable span { color: #999; }
.promotions-panel .panel span { color: #900; }

.pt-sku { padding: 8px 0; position: relative; }
.pt-sku .sku { padding: 0 5px; margin: 5px; display: inline-block; border: 1px solid #DDDDDD; background-color: #EAEAEA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 28px; color: #000000; }
.pt-sku .sku .arr { position: relative; top: -3px; margin-left: 3px; }
.pt-sku .sku.sel { border-color: #CC0000; }
.pt-sku .sel-sku-box { padding: 0 5px; }
.pt-sku .close-bar { margin-top: 10px; border-top: 1px solid #BFBFBF; text-align: center; }
.pt-sku .close-bar .close { position: relative; top: -1px; display: inline-block; width: 50px; height: 25px; -webkit-border-radius: 0px 0px 4px 3px; -moz-border-radius: 0px 0px 4px 3px; border-radius: 0px 0px 4px 3px; background-color: #FFFFFF; border: 1px solid #BFBFBF; border-top: 1px solid #FFFFFF; }
.pt-sku .sku-item .k { float: left; width: 60px; text-align: right; line-height: 38px; }
.pt-sku .sku-item .v { margin-left: 60px; }

.pt-btn { display: box; display: -webkit-box; display: -moz-box; padding: 5px 5px 5px 0; }
.pt-btn .btn { margin-left: 5px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }

.pt-detail { margin: 15px 0; padding: 0 5px; }
.pt-detail .panel { padding: 10px; }
.pt-detail .panel img { max-width: 100%; margin-bottom: -4px; }

.pt-comment { padding: 10px; }
.pt-comment .info { padding: 10px 110px 10px 10px; border: 1px solid #ddd; background-color: #f2f2f2; }
.pt-comment .info .publish { float: right; margin-right: -110px; width: 80px; padding: 10px; border-left: 1px solid #ddd; }
.pt-comment .info .publish .btn { height: 25px; line-height: 25px; font-size: 12px; }
.pt-comment .info .grades { padding: 10px 0; }
.pt-comment .info .grades .num { font-size: 18px; font-weight: 800; color: #f60; }
.pt-comment .info .gray { color: #999; }
.pt-comment .count { padding: 15px 0 10px; }
.pt-comment .list { display: none; }
.pt-comment .list.active { display: block; }
.pt-comment .list .item { margin-top: 10px; }
.pt-comment .list .item .anthor { padding: 10px 10px 10px 77px; background-color: #f2f2f2; }
.pt-comment .list .item .anthor .person { float: left; margin-left: -68px; width: 62px; text-align: center; }
.pt-comment .list .item .anthor .person .level { border: 1px solid #fce8be; background-color: #fef7e9; }
.pt-comment .list .item .anthor .person .pic { width: 60px; height: 60px; border: 1px solid #eee; overflow: hidden; background-color: #ddd; }
.pt-comment .list .item .anthor .person .name { padding-top: 3px; }
.pt-comment .list .item .anthor .time { float: right; }
.pt-comment .list .item .anthor .content { padding-top: 30px; min-height: 70px; }
.pt-comment .list .item .content { word-break: break-word; }
.pt-comment .list .item .consult { padding: 10px; background-color: #f2f2f2; }
.pt-comment .list .item .reply { padding-left: 50px; }
.pt-comment .list .item .reply .reply-item { margin-top: 10px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; line-height: 20px; position: relative; }
.pt-comment .list .item .reply .reply-item .n { float: left; margin-top: 8px; margin-left: -40px; width: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #666; border-radius: 5px; }
.pt-comment .list .item .reply .reply-item .c { display: block; }
.pt-comment .list .item .reply .reply-item .t { display: block; margin-top: -20px; text-align: right; color: #999; }
.pt-comment .list .item .reply .reply-item i { position: absolute; left: -4px; top: 22px; background-color: #fff; border-color: #ddd; border-width: 1px 1px 0 0; }
.pt-comment .list .item .reply .btn { margin-top: 10px; height: 25px; line-height: 25px; font-size: 12px; }
.pt-comment .pager { margin-top: 10px; text-align: center; }
.pt-comment .pager .prev, .pt-comment .pager .next, .pt-comment .pager .current { padding: 3px 8px; border: 1px solid #ddd; background-color: #f2f2f2; }
.pt-comment .pager .prev { float: left; }
.pt-comment .pager .next { float: right; }
.pt-comment .pager .current { display: inline-block; }

.publish_comment { padding-bottom: 10px; }
.publish_comment .grades { padding: 5px 0; }
.publish_comment .grades .tag { display: inline-block; width: 80px; text-align: right; }
.publish_comment .consult-type { height: 65px; }
.publish_comment .consult-type strong { display: block; padding: 10px 0; }
.publish_comment .consult-type span { float: left; width: 80px; height: 30px; line-height: 30px; text-align: center; }
.publish_comment .consult-type span.active { color: #FFF; background-color: #333; }
.publish_comment .textarea { padding: 10px 0; }
.publish_comment .textarea .action-fill-textarea { width: 98%; height: 80px; border: 1px solid #ddd; resize: none; }
.publish_comment .tip { padding: 10px 0; text-align: right; color: #999; }
.publish_comment .item { padding: 5px; border: 1px solid #ddd; line-height: 25px; min-height: 25px; }
.publish_comment .item label { float: left; width: 70px; padding-right: 5px; border-right: 1px solid #ddd; text-align: right; }
.publish_comment .item input { border: none; margin-left: 5px; width: 200px; vertical-align: middle; }
.publish_comment .item .verify-input { width: 88px; }
.publish_comment .item .verify-code { vertical-align: middle; }
.publish_comment .mt10 { margin-top: 10px; }

/*===商品详情页 end===*/
/*===商品列表页===*/
.brands-list { padding: 10px 0; }
.brands-list .items { float: left; width: 33.33333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding-bottom: 10px; padding-right: 10px; }
.brands-list .items:nth-child(3n+0) { padding-right: 0; }
.brands-list .img { width: 91px; height: 91px; border: 1px solid #DDDDDD; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.brands-list .img img { max-width: 91px; max-height: 91px; vertical-align: middle; }
.brands-list .intro { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*===商品列表页 end===*/
/*===购物车页===*/
.total { height: 38px; line-height: 38px; font-weight: bold; font-size: 14px; }
.total .fixed-bar { height: 38px; line-height: 38px; background-color: #FEF7E9; }
.total.fixed .fixed-bar { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); }
.total.fixed .fixed-bar .checkout { display: block; }
.total .checkout { display: none; position: absolute; top: 0; right: 0; padding-right: 5px; height: 38px; line-height: 38px; color: #FF5800; }
.total .checkout .arr { border-color: #FF5800; position: relative; top: -2px; }

.total-inner { position: relative; padding: 0 5px; }

.cart-pt .pre-info { padding: 10px; background-color: #EEEEEE; }
.cart-pt .order-promotion .pre-info { padding: 0; background: transparent; }
.cart-pt .cart-empty { width: 160px; margin: 0 auto; padding: 50px 0; }
.cart-pt .cart-empty h1 { padding-top: 90px; font-size: 14px; background: url(../images/cart_empty.png) no-repeat center top; }
.cart-pt .cart-empty p { padding-top: 20px; line-height: 30px; color: #999; }

/*===购物车页 end===*/
/*===商品相关===*/
.pt-gallery .panel { padding: 0 10px; }
.pt-gallery .no-data { padding: 30px 0; text-align: center; }
.pt-gallery .no-data a { color: #2970A6; }
.pt-gallery .warn { margin-bottom: 20px; display: inline-block; padding-left: 40px; height: 32px; line-height: 32px; background: url(../images/warn.jpg) no-repeat; }
.pt-gallery .filter-handle { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; border-top: 2px solid #FFFFFF; border-bottom: 1px solid #BFBFBF; text-align: center; height: 25px; line-height: 25px; }

.pt-list .pt-h-item { padding: 10px 0; }
.pt-list .pt-h-item .star { margin-right: 5px; }
.pt-list .pt-h-link { color: #333333; }
.pt-list .pt-h-img { float: left; width: 79px; height: 79px; border: 1px solid #BFBFBF; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background-color: #FFFFFF; }
.pt-list .pt-h-img img { max-width: 79px; max-height: 79px; vertical-align: middle; }
.pt-list .pt-h-info { margin-left: 92px; }
.pt-list .pt-h-name { height: 3em; line-height: 1.5em; overflow: hidden; }
.pt-list .pt-h-price { height: 24px; line-height: 24px; }
.pt-list .pt-h-price .pre { display: inline-block; padding: 0 10px; }
.pt-list .pt-h-price .pre .top { display: none; }
.pt-list .pt-h-price .pre.act { background-color: #EEEEEE; }
.pt-list .pt-h-price .pre.act .down { display: none; }
.pt-list .pt-h-price .pre.act .top { display: inline-block; }
.pt-list .pt-h-price .down { position: relative; top: -3px; }
.pt-list .pt-h-price .top { position: relative; top: -1px; }
.pt-list .pt-h-pro { text-align: right; }
.pt-list .pt-h-pro .J-pre { display: inline-block; width: 80px; text-align: center; }
.pt-list .pt-h-pro .J-pre .top { display: inline-block; }
.pt-list .pt-h-pro .J-pre .down { display: none; }
.pt-list .pt-h-pro .J-pre.act { background: #eee; }
.pt-list .pt-h-pro .J-pre.act .top { display: none; }
.pt-list .pt-h-pro .J-pre.act .down { display: inline-block; }
.pt-list .pt-h-pro .pre-info { padding: 10px; text-align: left; background: #eee; }
.pt-list .pt-h-bar { margin-top: 12px; clear: both; }
.pt-list .pt-h-del, .pt-list .pt-h-fav { float: right; }
.pt-list .pt-h-del a, .pt-list .pt-h-fav a { font-size: 13px; padding: 0 10px; }
.pt-list .pt-h-fav { margin-right: 12px; }
.pt-list .pt-h-other { min-height: 20px; color: #999999; }

.pt-num { display: box; display: -webkit-box; display: -moz-box; }
.pt-h-item .pt-num { float: left; }
.pt-num .plus, .pt-num .minus { display: inline-block; width: 31px; height: 31px; line-height: 31px; border: 1px solid #BFBFBF; text-align: center; }
.pt-num .num { padding: 0 5px; }
.pt-num .num .num-ipt { border: 1px solid #BFBFBF; background-color: #FFFFFF; height: 31px; line-height: 31px; text-align: center; width: 35px; padding: 0 2px; }
.pt-num .warn-message { margin-left: 5px; }

.pt-filter .title { height: 30px; line-height: 30px; padding: 5px; border-bottom: 1px solid #DDD; }
.pt-filter .title .reset { font-weight: 800; color: #2970A6; }
.pt-filter .title .btn { float: right; width: 80px; height: 25px; line-height: 25px; font-size: 12px; }
.pt-filter dl { margin: 8px; border-bottom: 1px solid #DDD; }
.pt-filter dl dt { padding: 8px 10px; border: 1px solid #DDD; border-bottom: none; }
.pt-filter dl dt span { margin-left: 10px; font-weight: normal; color: #333; }
.pt-filter dl dt span.act { color: #FDB543; }
.pt-filter dl dt .arr { margin-right: 10px; }
.pt-filter dl dt .down { display: none; }
.pt-filter dl dt.first { border-bottom: none; }
.pt-filter dl dt.handle { font-weight: 800; background: #EAEAEA; }
.pt-filter dl dt.handle .right { display: none; }
.pt-filter dl dt.handle .down { display: inline-block; }
.pt-filter dl dd table { width: 100%; text-align: center; table-layout: fixed; background: #efefef; }
.pt-filter dl dd table td { height: 30px; border: 1px solid #DDD; border-bottom: none; }
.pt-filter dl dd table .handle { color: #FFF; background: #666; }

.pt-category .title { height: 38px; line-height: 38px; padding: 0 10px; border-bottom: 1px solid #DDD; }
.pt-category strong { font-size: 16px; }
.pt-category .content { padding-bottom: 20px; text-align: center; background: #EAEAEA; }
.pt-category .content em { display: block; height: 30px; line-height: 30px; color: #999; }
.pt-category .content .item { float: left; width: 47%; margin: 10px 1% 0; background: #FFF; border: 1px solid #DDD; }
.pt-category .content .item a { display: block; padding: 8px 0; }
.pt-category .content .item .arr { float: right; margin: 8px 10px 0 0; }
.pt-category .content .item span { display: inline-block; width: 130px; height: 18px; line-height: 18px; vertical-align: middle; overflow: hidden; }

.action-post-reply .form-item { padding: 5px 0; }
.action-post-reply .action-filled-textarea { width: 98%; height: 80px; border: 1px solid #ddd; resize: none; }
.action-post-reply .verify-code { vertical-align: middle; }

.popup { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 50%; left: 50%; width: 200px; margin-left: -100px; height: 60px; margin-top: -30px; background-color: rgba(0, 0, 0, 0.8); line-height: 60px; text-align: center; color: #FFFFFF; }

/*===商品 end===*/
/*===下单页===*/
.address-form { padding: 0 13px; }
.address-form .region .inputstyle { width: 190px; }

.address-btn { margin-top: 10px; }

.pay-item, .shipping-item, .address-item { margin: 12px 0; }

.pre-type { font-weight: bold; line-height: 26px; margin-top: 10px; }

.order-msg .c-g { margin: 0; padding: 6px 10px; }

.point-dis { padding: 10px; }
.point-dis b { color: #f00; }
.point-dis p { padding: 10px 0; }
.point-dis p span { margin-left: 20px; }
.point-dis .dis-set input { height: 28px; border: 1px solid #ddd; }
.point-dis .dis-set .btn { width: 80px; display: inline-block; vertical-align: middle; }

.coupon-use { padding: 10px; }
.coupon-use .panel { padding: 10px; }
.coupon-use .panel p { padding: 10px 0; }
.coupon-use .panel .btn { display: inline-block; width: 60px; vertical-align: middle; height: 20px; line-height: 20px; font-size: 12px; }
.coupon-use .used { padding: 5px 10px 0; border-top: 1px solid #ddd; }
.coupon-use .used li { padding: 5px 70px 5px 0; }
.coupon-use .used li .del { float: right; margin-right: -70px; color: #00e; }

.order-promotion, .unused-promotion { padding: 5px 0; }
.order-promotion h3, .unused-promotion h3 { font-weight: normal; }
.order-promotion ul, .unused-promotion ul { padding-left: 30px; }
.order-promotion .btn-collapse, .order-promotion .btn-collapse, .unused-promotion .btn-collapse, .unused-promotion .btn-collapse { display: inline-block; margin-right: 10px; width: 16px; height: 16px; border: 1px solid darkgrey; text-align: center; vertical-align: middle; font: 14px/18px simsun, serif; color: #666; }

/*===下单页end===*/
/*===会员中心===*/
.mem-avatar { float: left; width: 70px; height: 70px; border: 1px solid #BFBFBF; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.mem-avatar img { max-width: 70px; max-height: 70px; vertical-align: middle; }

.mem-base { margin-left: 81px; }

.mem-name { float: left; font-weight: bold; }

.mem-experience { float: right; }
.mem-experience a { color: #2970A6; }

.mem-deposit { margin: 12px 0; }

.mem-integration { margin: 12px 0; }

.mem-menu { margin: 12px 0; }
.mem-menu .btn { font-size: 13px; }
.mem-menu .col { margin-right: 5px; }
.mem-menu .col:last-child { margin-right: 0; }
.mem-menu #cartNum { float: right; margin-top: -38px; height: 18px; line-height: 18px; border-radius: 10px; }

.mem-fav-list .title { position: relative; display: block; font-weight: bold; height: 30px; line-height: 30px; }
.mem-fav-list .arr { position: absolute; top: 50%; right: 13px; margin-top: -3px; }
.mem-fav-list .box { background-color: #BFBFBF; }

.mem-fav-item { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; height: 75px; display: block; margin: 1px 0px 1px 1px; background-color: #FFFFFF; }
.mem-fav-item:last-child { margin-right: 1px; }
.mem-fav-item img { max-height: 75px; max-width: 75px; }

.mem-order-item { padding: 13px 0; }

.mem-order-pt { border: 1px solid #DDDDDD; border-top: none; padding: 5px 5px 0; }

.mem-pt-item { position: relative; float: left; margin-bottom: 5px; width: 71px; height: 70px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; border: 1px solid #BFBFBF; border-right: none; }
.mem-pt-item img { max-width: 71px; max-height: 70px; vertical-align: middle; }
.mem-pt-item:last-child, .mem-pt-item:nth-child(4n+0) { width: 70px; height: 70px; border: 1px solid #BFBFBF; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.mem-pt-item:last-child img, .mem-pt-item:nth-child(4n+0) img { max-width: 70px; max-height: 70px; vertical-align: middle; }
.mem-pt-item .num { position: absolute; top: 0; right: 0; background-color: #FF5800; height: 13px; line-height: 13px; color: #FFFFFF; font-size: 11px; padding: 0 3px; }
.mem-pt-item .icon { position: absolute; top: 0; left: 0; }

.mem-comment-list th { height: 30px; border-bottom: 1px solid #ddd; background: #eee; }
.mem-comment-list td { padding: 5px 0; }
.mem-comment-list .goods-pic img { width: 60px; height: 60px; }
.mem-comment-list .goods-name { padding: 0 5px; }
.mem-comment-list .datetime { width: 88px; text-align: center; }
.mem-comment-list .actions { width: 60px; text-align: center; white-space: nowrap; }

.coupons { padding: 0 10px 10px; }
.coupons .gb { margin-top: 10px; }

.address .item, .address .count { padding: 10px; border-bottom: 1px solid #DDD; position: relative; }
.address a { display: inline-block; margin-top: 10px; width: 80px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #DDD; background: #EEE; }
.address span { position: absolute; right: 0; top: 0; padding: 2px 8px; color: #FFF; background-color: #c00; }
.address .arr { position: absolute; right: 10px; top: 48%; }
.address .def { background-color: #fef7e9; }

.favorites .count { padding: 10px; border-bottom: 1px solid #DDD; }
.favorites .item { padding: 10px 10px 10px 110px; height: 120px; position: relative; }
.favorites .item .f-l { margin-left: -100px; }
.favorites .item span, .favorites .item a { display: block; }
.favorites .item .pic { width: 80px; height: 80px; border: 1px solid #DDD; margin-bottom: 10px; }
.favorites .item img { width: 80px; height: 80px; }
.favorites .item .del { width: 80px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #DDD; background: #EEE; }
.favorites .item .size { margin-top: 5px; color: #CCC; }
.favorites .item .price { margin-top: 10px; color: red; }
.favorites .item .get { position: absolute; right: 10px; bottom: 10px; width: 90px; height: 25px; line-height: 25px; text-align: center; }
.favorites .item .disabled { color: #FFF; background: gray; }

.integral, .deposit { padding: 10px; }
.integral .count, .deposit .count { padding-bottom: 10px; font-weight: 800; }
.integral .count em, .deposit .count em { margin-right: 30px; }
.integral table, .deposit table { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; width: 100%; }
.integral table th, .deposit table th { padding: 5px; border-bottom: 1px solid #DDD; text-align: left; }
.integral table td, .deposit table td { padding: 5px; }
.integral table .trade, .deposit table .trade { color: green; }
.integral .deposit-num, .deposit .deposit-num { padding-bottom: 20px; }
.integral .deposit-way, .deposit .deposit-way { padding-bottom: 70px; }
.integral .deposit-way .act, .deposit .deposit-way .act { border-color: #900; }
.integral .deposit-way .btn, .deposit .deposit-way .btn { margin-top: 10px; }

/*===会员中心 end===*/
/*=== 注册 ===*/
.reg-license { max-height: 400px; overflow-y: scroll; }

/*=== 文章系统页面 ===*/
.article-list .article-item { line-height: 2.5; font-size: 14px; }

.article-main { font-size: 14px; line-height: 2; }
.article-main .mod-title { text-align: center; }
.article-main .article-time { text-align: center; }
.article-main .mod-content { margin: 0 2em; }

/*=== 自动补全 ===*/
.autocompletion { position: absolute; z-index: 1000; background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 100%; margin-left: -2px; font-size: 14px; line-height: 2; }

.autocompletion-shim { position: absolute; z-index: 999; background: rgba(255, 255, 255, 0.01); width: 100%; margin-left: -2px; -webkit-tap-highlight-color: transparent; pointer-events: none; }
